*{
  box-sizing: border-box;
}
body {
  font-size: 12px;

}
img{border:0}
.flex{display: flex;}
.flex-wrap{
  flex-wrap: wrap;
}
.child-flex1>*{
  flex: 1;
}
.font12{  font-size: 12px;  }
.font14{  font-size: 14px;  }
.font16{  font-size: 16px;  }
.font18{  font-size: 18px;  }
.font20{  font-size: 20px;  }
.font24{  font-size: 24px;  }
.font28{  font-size: 28px;  }
.font32{  font-size: 32px;  }
.font36{  font-size: 36px;  }
.font40{  font-size: 40px;  }
.font44{  font-size: 44px;  }
.font48{  font-size: 48px;  }
.font52{  font-size: 52px;  }
.font56{  font-size: 56px;  }
.font60{  font-size: 60px;  }
.font64{  font-size: 64px;  }
.block{ display: block;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.clear{clear: both;}
.fl{ float: left;}
.fr{float: right;}
.bd{border: 1px solid #ccc;}
.bdt{border-top: 1px solid #ccc;}
.bdb{border-bottom: 1px solid #ccc;}
.bdl{border-left: 1px solid #ccc;}
.bdr{border-right: 1px solid #ccc;}
.radius5{
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
}
.radius3{
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
}
.disable-select{
  user-select: none;
}
.color-lv2 {
  color: #ffffff;

}

.color-lv3 {
  color: #5aff79;

}

.color-lv4 {
  color: #02c7e9;

}

.color-lv5 {
  color: #c99eff;

}

.color-lv7 {
  color: #ffa500;

}

.bg-lv2 {
  background-color: #ffffff;

}

.bg-lv3 {
  background-color: #5aff79;

}

.bg-lv4 {
  background-color: #02c7e9;

}

.bg-lv5 {
  background-color: #c99eff;

}

.bg-lv7 {
  background-color: #ffa500;

}
.reactive{
  max-width: 720px;
}
.fixed-width-360{
  width: 360px;
}
.equipment {
  width: 360px;
  border: 1px solid #fff;
}

.gem {
  font-size: 128px;
  width: 128px;
  height: 128px;
  user-select:none;
}

.gem img {
  position:absolute;
  width: .55em;

}

.gem img:nth-child(1) {
  margin-left: .25em;

}

.gem img:nth-child(2) {
  margin-left: .50em;

}

.gem img:nth-child(3) {
  margin-left: .50em;
  margin-top: .25em;

}

.gem img:nth-child(4) {
  margin-left: .50em;
  margin-top: .50em;

}

.gem img:nth-child(5) {
  margin-left: .25em;
  margin-top: .50em;

}

.gem img:nth-child(6) {
  margin-top: .50em;

}

.gem img:nth-child(7) {
  margin-top: .25em;

}

.acc{display: flex; flex-wrap: wrap; max-width: 360px;}
.acc li {flex: 0 0 33.33%;}
.acc li img   {margin: 20px auto 5px; border: 1px solid #ccc;}
.acc li .block {text-align: center;}
body, ul, li {
  list-style:none;
  margin: 0;
  padding: 0

}
.blue-header{
  background-color: #1A81D1;;
}
.search-input{
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 999px;
  color: #fff;
  padding: 3px 10px 4px;
  box-sizing: border-box;
}
.search-btn{
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 999px;
  color: #fff;
  padding: 3px 10px 4px;
  box-sizing: border-box;
}
input[placeholder], [placeholder], *[placeholder] {
  color:#ccc !important;
}
@font-face {
  font-family: '微钦雅黑';  /* project id 154532 */
  src: url('//at.alicdn.com/t/font_t3799vifnu3di.eot');
  src: url('//at.alicdn.com/t/font_t3799vifnu3di.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_t3799vifnu3di.woff') format('woff'),
  url('//at.alicdn.com/t/font_t3799vifnu3di.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_t3799vifnu3di.svg#iconfont') format('svg');
}
i{
  font-family: 微钦雅黑;
  font-style: normal;
}
 .txtc{
   text-align: center;
 }
.pd{ padding: 1em; }
.pdt{ padding-top   : 1em; }
.pdb{ padding-bottom: 1em; }
.pdl{ padding-left  : 1em; }
.pdr{ padding-right : 1em; }
.mg{margin: 1em;}
.mga{
  margin: auto;
}
.fixed{
  position: fixed;
}
.bg{background: #ccc}
.bg-f{ background: #fff}
.bg-c{ background: #ccc}
.bg-9{ background: #999}
.bg-6{ background: #666}
.bg-3{ background: #333}
.bg-0{ background: #000}
.color-0{color: #000;}
.color-3{color: #333;}
.color-6{color: #666;}
.color-9{color: #999;}
.color-c{color: #ccc;}
.color-f{color: #fff;}
.color-06f{color: #06f;}
.color-f60{color: #f60;}
a{text-decoration: none; color: inherit;display: block;}
li:hover{border: 1px solid #ccc;color: #f60;}
